/*
 * @Author: 代勇 1031850847@qq.com
 * @Date: 2023-11-18 09:04:32
 * @LastEditors: 代勇 1031850847@qq.com
 * @LastEditTime: 2024-03-27 09:52:26
 * @Description: 更改elementui默认样式
 */

//提示框隐藏grouping的数量提示
.el-message .el-message__badge {
    display: none;
}

//在elementui中使用了icon-park使用这个样式使其显示协调
.i-icon {
    display: flex;
}

//修改card边框shadow与border的边框颜色
.el-card.is-always-shadow {
    --el-box-shadow-light: 0 2px 5px 0 var(--el-card-border-color);
    border: none;
}

//组合按钮中间颜色为白色的问题
.el-button-group {

    .el-button--primary:last-child,
    .el-button--primary:not(:first-child):not(:last-child) {
        --el-button-divide-border-color: var(--el-color-primary-light-5);
    }

    .el-button--warning:last-child,
    .el-button--warning:not(:first-child):not(:last-child) {
        --el-button-divide-border-color: var(--el-color-warning-light-5);
    }
}

//table列表被选中时的整行背景颜色
.el-table__body {
    .selected-row {
        --el-fill-color-lighter: var(--el-table-current-row-bg-color);
        background: var(--el-table-current-row-bg-color);

        td {
            background: inherit;
        }
    }
}

//cascader可以点击文字就选中
.el-cascader-node {
    position: relative;

    .el-radio {
        width: calc(100% - 20px);
        height: 100%;
        left: 0px;
        top: 0px;
        padding-left: 20px;
        position: absolute;
    }

    .el-cascader-node__label {
        padding-left: 22px;
    }
}

/*************************自定义****************************/
//el-card为dialog时的样式
.el-card.el-card-dialog {
    --el-box-shadow-light: none;

    .el-card__body {
        padding: 0px;
        padding-top: var(--el-card-padding);
    }

    // margin: -30px -20px;
}

//最后一个div距离右边为0px
.last-child-mr0 {
    div:last-child {
        margin-right: 0px;
    }
}

//table列表顶部
.list {
    .el-card__header+.el-card__body {
        padding-top: 0px;

        .el-table {
            height: calc(100vh - 271px);
        }

        .nopage {
            height: calc(100vh - 219px);
        }
    }
}

//编辑框
.edit {

    //标题栏宽度
    .el-form-item__label {
        width: 150px
    }

    .el-form-item {
        padding-right: 150px;
    }

    //内容宽度
    .el-form-item__content> {

        .el-input,
        .el-select,
        .el-textarea,
        .el-cascader {
            width: 100%;
            max-width: 500px;
        }

        .el-cascader {
            width: 100%;
            max-width: 500px;
            // max-width: 434px;
        }

        .el-textarea {
            .el-textarea__inner {
                height: 100px;
            }
        }
    }

    //提交按钮
    .button-affix {
        background: #fff;
        border-top: 1px solid var(--el-card-border-color);
        margin-bottom: 0px;
        padding: 20px 0px;
    }
}

// 搜索栏
.search {

    // 搜索栏input的宽度(固定宽度防止有clearable属性时宽度还会变动)
    .el-input__wrapper {
        width: 200px;
    }
}

//更多搜素按钮
.search-more-icon {
    width: 32px
}

//更多搜索弹出框的遮蔽层
.search-more-shadow {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 11;
    opacity: 0.5;
}

//更多搜素
.search-more {
    padding-right: 50px;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;

    //最后一个item距离底部高度
    .el-form-item:last-child {
        margin-bottom: 0px;
    }

    //标题栏宽度
    .el-form-item__label {
        width: 150px
    }

    //内容宽度
    .el-form-item__content> {

        .el-input,
        .el-cascader,
        .el-select {
            width: 100%;
            max-width: 330px;
        }

        .el-date-editor {
            max-width: 310px;
        }
    }
}